<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
    <link href="/zzlp/css/jquery.slideBox.css" rel="stylesheet" type="text/css" />

    <script src="http://code.jquery.com/jquery-latest.js"></script>

    <script src="/zzlp/js/jquery.slideBox.js" type="text/javascript"></script>
    <link href="/zzlp/css/default.css" rel="stylesheet" type="text/css" />




    <script src="/zzlp/js/raphael.js" type="text/javascript"></script>

    <script src="/zzlp/js/init.js" type="text/javascript"></script>
    <script type="text/javascript">
        $("#Layer11").click(function () {
            window.location.href="login.html"
        })
    </script>
    <script>

        jQuery(function($){


            $('#demo3').slideBox({

                duration : 0.3,//滚动持续时间，单位：秒

                easing : 'linear',//swing,linear//滚动特效

                delay : 5,//滚动延迟时间，单位：秒

                hideClickBar : false,//不自动隐藏点选按键

                clickBarRadius : 10

            });



        });

    </script>
    <title>欢迎</title>
    <style type="text/css">
        <!--
        #Layer1 {
            position:absolute;
            width:640px;
            height:30px;
            z-index:1;
            left: 0px;
            top: 0px;
        }
        #Layer2 {
            position:absolute;
            width:200px;
            height:115px;
            z-index:2;
        }
        #Layer3 {
            position:absolute;
            width:180px;
            height:30px;
            z-index:1;
            left: 70px;
            top: 20px;
        }
        #Layer4 {
            position:absolute;
            width:50px;
            height:30px;
            z-index:2;
            left: 60px;
            top: 0px;
        }
        #Layer5 {
            position:absolute;
            width:50px;
            height:30px;
            z-index:3;
            left: 130px;
            top: 0px;
        }
        #Layer6 {
            position:absolute;
            width:200px;
            height:115px;
            z-index:2;
        }
        #Layer7 {
            position:absolute;
            width:200px;
            height:115px;
            z-index:2;
        }
        #Layer8 {
            position:absolute;
            width:10px;
            height:30px;
            z-index:4;
            left: 50px;
            top: -10px;
        }
        #Layer9 {
            position:absolute;
            width:10px;
            height:30px;
            z-index:5;
            left: 110px;
            top: -10px;
        }
        .STYLE5 {color: #FFFFFF; font-size: x-large; }
        #Layer10 {
            position:absolute;
            width:110px;
            height:30px;
            z-index:2;
            left: 1600px;
            top: 55px;
        }
        #Layer11 {
            position:absolute;
            width:50px;
            height:30px;
            z-index:1;
        }
        #Layer12 {
            position:absolute;
            width:50px;
            height:30px;
            z-index:2;
            left: 60px;
            top: 0px;
        }
        -->
        .float_div{
            position:absolute;
            width:110px;
            height:30px;
            float:right;
            z-index:100;
            right:70px;/*   定位到右上   */
            top:20px;
        }
        *{ padding:0; margin:0;}
        .B{ position:absolute; left:70px; bottom:55px; width:100px; height:30px;}
        .STYLE6 {position: absolute; left: 70px; bottom: 55px; width: 182px; height: 30px; color: #8DCB69; }
        .STYLE7 {
            color: #FFFFFF;
            font-family: "宋体";
            font-size: 10px;
        }
        #Layer13 {
            position:absolute;
            width:200px;
            height:115px;
            z-index:101;
            top: 50px;
            left: 20px;
        }
        .STYLE12 {font-size: 12px; font-family: "宋体"; }
        .STYLE14 {
            color: #FFFFFF;
            font-size: 12px;
            font-family: "宋体";
        }
        #Layer14 {
            position:absolute;
            width:900px;
            height:600px;
            z-index:102;
            left: 26%;
            top: 16%;
        }
        #Layer15 {
            position:absolute;
            width:400px;
            height:115px;
            z-index:1;
            left:50%;
            bottom: 0;
        }
        .STYLE15 {
            font-family: "宋体";
            font-size: xx-large;
            color: #FFFFFF;
        }
    </style>
</head>

<body background="/zzlp/img/bg.jpg" style=" background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;" >

<div id="Layer13"><div id="demo3" class="slideBox">

    <ul class="items">

        <li><a href="#" title="这里是测试标题一"><img src="/zzlp/img/1.png" height="181" width="317"></a></li>

        <li><a href="#" title="这里是测试标题二"><img src="/zzlp/img/2.jpg" height="181" width="317"></a></li>

        <li><a href="#" title="这里是测试标题三"><img src="/zzlp/img/3.jpg" height="181" width="317"></a></li>
    </ul>

</div></div>
<div id="Layer1">
    <div class="STYLE5" id="Layer3"><center>
    <span class="STYLE12">软件训练营&nbsp;&nbsp;|&nbsp;&nbsp;自在猎聘&nbsp;&nbsp;|&nbsp;&nbsp;软件众包
	</span>
    </center></div>
</div>

<div class="float_div">
    <div class="STYLE14" id="Layer11">登录</div>
    <div class="STYLE14" id="Layer12">注册</div>
</div>
<div class="STYLE6 STYLE7">
    中文&nbsp;&nbsp;|&nbsp;&nbsp;繁体&nbsp;&nbsp;|&nbsp;&nbsp;英文</div>
<div id="Layer14">
    <div style="text-align:center;clear:both">



    </div>

    <div id="content">



        <div id="diagram"></div>

        <div class="STYLE15" id="Layer15">自在天原 工程师生态圈</div>
    </div>



    <div class="footer">

        <div class="inside">



        </div>

    </div>



    <div class="get">

        <div class="arc">

            <span class="text">甲方</span>

            <input type="hidden" class="percent" value="95" />

            <input type="hidden" class="color" value="#97BE0D" />

        </div>

        <div class="arc">

            <span class="text">HR</span>

            <input type="hidden" class="percent" value="90" />

            <input type="hidden" class="color" value="#D84F5F" />

        </div>

        <div class="arc">

            <span class="text">天师</span>

            <input type="hidden" class="percent" value="80" />

            <input type="hidden" class="color" value="#88B8E6" />

        </div>

        <div class="arc">

            <span class="text">天工</span>

            <input type="hidden" class="percent" value="53" />

            <input type="hidden" class="color" value="#BEDBE9" />

        </div>



    </div></div>
</body>
</html>
